@import "https://at.alicdn.com/t/c/font_3378474_nv3pk6rxn7f.css";

.page_decorate {
    background: #fff;
}

.decorate-edit-wrap .lyecs_select_bg_cat .category_list .category_li {
    width: 320px;
}

/*页面头部*/
.modules-item-topbar .module-operate,
.modules-item-topbar .module-label {
    display: none !important;
    visibility: hidden;
}

.module-topbar-warp {
    background-image: url("../img/page_header.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    height: 89px;
    background-color: #fff;
    position: relative;
}
.decorate-page-pc .module-topbar-warp {
    background: #fff;
    .module-topbar-title-con {
        top: 30px;
    }
}

.module-topbar-title-con {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 180px;
    margin-left: -90px;
    text-align: center;
    line-height: 45px;
    line-height: 45px;
    color: #000;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.decorate-page-config-warp {
    position: fixed;
    right: 400px;
    top: 110px;
}

.decorate-page-config-warp .page-config-item {
    width: 100px;
    height: 33px;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
    line-height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-bottom: 10px;
    color: #333;
}

.decorate-page-config-warp .page-config-item i {
    padding-right: 5px;
    position: relative;
    top: 1px;
}

.decorate-page-config-warp .page-config-item.current {
    background: #155bd4;
    color: #fff;
}

/*顶部*/
.decorate-topbar-warp {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 54px;
    background: #fff;
    border-bottom: 1px solid #f0f2f5;
    z-index: 10;
}

.decorate-topbar-con {
    display: flex;
    background-color: #202033;
    justify-content: space-between;
    .btn {
        color: #fff !important;
        border-color: #444454 !important;
        background-color: #444454 !important;
        &:hover {
            background-color: #4d4d5c !important;
            border-color: #444454 !important;
        }
    }
    .topbar-left {
        display: flex;
    }
}

.topbar-now-txt {
    line-height: 54px;
    font-size: 14px;
    padding-left: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    .tit {
        color: rgb(153, 153, 153);
    }
}

.topbar-right {
    display: flex;
    padding-right: 20px;
    align-items: center;
}

.topbar-right a.lyecs-btn {
    padding: 0 22px;
    font-size: 14px;
    margin-left: 10px;
    margin-top: 11px;
}

/*工具栏*/
.theme-toolbar {
    position: fixed;
    left: 0;
    top: 55px;
    z-index: 9;
    bottom: 0;
}

.theme-toolbar .theme-menu-main {
    width: 80px;
    height: 100%;
    position: relative;
    background: #eef2ff;
    padding-top: 30px;
    z-index: 9;
}

.theme-toolbar .theme-menu-main p {
    color: #7a8599;
    padding: 5px;
}

.theme-toolbar .theme-menu-main .menu-item {
    margin-top: 20px;
    color: #7a8599;
    text-align: center;
    cursor: pointer;
    position: relative;
    display: block;
    padding: 15px 0;
}

.theme-toolbar .theme-menu-main .menu-item .tit {
    padding-top: 10px;
}

.theme-toolbar .theme-menu-main .menu-item .left-line {
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: #428ce8;
    display: none;
}

.theme-toolbar .theme-menu-main .menu-item b.item-icon {
    font-size: 22px;
}

.theme-toolbar .theme-menu-main .menu-item b.right-small-icon {
    font-family: cybertron;
    font-size: 22px;
    position: absolute;
    right: -7px;
    top: 7px;
    display: none;
}

.theme-toolbar .theme-menu-main .menu-item.selected b.right-small-icon {
    display: block;
}

.theme-toolbar .theme-menu-main .menu-item.selected {
    color: #7a8599;
    background: #fff;
}

.theme-toolbar .theme-menu-main .menu-item.selected .left-line,
.theme-menu-main .menu-item:hover .left-line {
    display: block;
}

.theme-toolbar .theme-menu-main .menu-item.selected b {
    color: #428ce8;
}

.theme-toolbar .theme-menu-main .menu-item.selected .tit {
    color: #428ce8;
}

.theme-toolbar .theme-menu-main .action {
    text-align: center;
    position: absolute;
    bottom: 70px;
    left: 0;
    width: 80px;
}

.theme-menu-con {
    height: 100%;
    background: #fff;
    position: absolute;
    left: -320px;
    top: 0;
    z-index: 9;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    width: 200px;
    border-right: 1px solid #f0f2f5;
}

.theme-menu-con.show {
    left: 0;
}

.theme-menu-con.show .theme-con-box {
}

.theme-con-box {
    padding: 0;
    height: 100%;
    overflow-y: auto;
}

.theme-con-box b.close-icon {
    position: absolute;
    top: 6px;
    right: 6px;
    font-size: 16px;
    color: #9d9d9d;
    cursor: pointer;
}

.theme-con-box .inside {
    margin-top: 35px;
    font-size: 12px;
    color: #333;
}

.theme-con-box p.desc {
    margin-left: 10px;
    font-weight: 400;
    line-height: 20px;
    color: #888;
}

.modules-wrap {
    margin-top: 10px;
    padding: 0 10px;
}

.theme-con-box .modules-head {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    text-align: left;
    cursor: pointer;
    font-size: 14px;
}

.theme-con-box .modules-head span {
    color: #333;
    font-weight: bold;
    font-size: 14px;
}

.theme-con-box .modules-head b.dropdown-icon {
    position: absolute;
    top: 0;
    right: 8px;
    font-size: 12px;
    font-family: cybertron;
    color: #9b9b9d;
}

.theme-con-box .module-list {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    height: auto;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
}

.theme-con-box .module-list.hidden {
    height: 0;
}

.theme-con-box .module-list .list-item {
    display: inline-block;
    width: 50%;
    padding: 10px 5px;
    text-align: center;
    cursor: pointer;
    position: relative;
    display: inline-block;
    border-radius: 2px;
    box-sizing: border-box;
}

.theme-con-box .module-list .list-item:hover {
    background: var(--tig-primary);
    color: #fff;
}

.theme-con-box .module-list .list-item .pic {
    display: inline-block;
    width: 100%;
    height: 40px;
    overflow: hidden;
}

.theme-con-box .module-list .list-item .pic i {
    font-size: 36px;
    color: #7d7e80;
}

.theme-con-box .module-list .list-item .pic img {
    padding-top: 5%;
    height: 90%;
}

.theme-con-box .module-list .list-item .content {
    padding: 0 3px;
    height: 20px;
    line-height: 20px;
    display: block;
    text-align: center;
}

.theme-con-box .module-list .list-item .num {
    padding: 0 3px;
    height: 20px;
    line-height: 20px;
    display: block;
    text-align: center;
    color: #7d7e80;
}

.theme-con-box .module-list .list-item:hover .num {
    color: #fff;
}

.theme-con-box .module-list .list-item:hover .pic i {
    color: #fff;
}

/*拖动层*/
.theme-modules-warp .modules-item-load {
    height: 50px;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.theme-modules-warp .modules-item-load:before {
    border: 2px solid var(--tig-primary);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    box-sizing: border-box;
    z-index: 99;
    cursor: move;
}

.theme-modules-warp .modules-item-load > * {
    display: none;
}

.theme-modules-warp .toolChosenClass {
    min-height: 50px;
    margin: 0 auto 10px;
    text-align: center;
}

.theme-modules-warp .toolChosenClass.tool-list-item span {
    display: inline-block;
    line-height: 25px;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    background: var(--tig-primary);
    color: #fff;
    margin: 0 auto;
    padding: 0 20px;
    margin-top: 12px;
}

.theme-modules-warp .toolChosenClass.tool-list-item span.pic {
    display: none;
}

.theme-modules-warp .toolChosenClass.tool-list-item span.num {
    display: none;
}

.theme-modules-warp .toolChosenClass {
    -webkit-background-size: 25px 25px;
    -moz-background-size: 25px 25px;
    /* 控制条纹的大小 */
    -moz-box-shadow: 1px 1px 8px gray;
    -webkit-box-shadow: 1px 1px 8px gray;
    box-shadow: 1px 1px 8px gray;
    background-color: #97c9f6;
    background-image: -webkit-gradient(
        linear,
        0 0,
        100% 100%,
        color-stop(0.25, rgba(255, 255, 255, 0.2)),
        color-stop(0.25, transparent),
        color-stop(0.5, transparent),
        color-stop(0.5, rgba(255, 255, 255, 0.2)),
        color-stop(0.75, rgba(255, 255, 255, 0.2)),
        color-stop(0.75, transparent),
        to(transparent)
    );
    background-image: -moz-linear-gradient(
        -45deg,
        rgba(255, 255, 255, 0.2) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, 0.2) 50%,
        rgba(255, 255, 255, 0.2) 75%,
        transparent 75%,
        transparent
    );
    background-image: -o-linear-gradient(
        -45deg,
        rgba(255, 255, 255, 0.2) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, 0.2) 50%,
        rgba(255, 255, 255, 0.2) 75%,
        transparent 75%,
        transparent
    );
    background-image: linear-gradient(
        -45deg,
        rgba(255, 255, 255, 0.2) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, 0.2) 50%,
        rgba(255, 255, 255, 0.2) 75%,
        transparent 75%,
        transparent
    );
}

.theme-modules-warp {
    min-height: 100px;
    padding-bottom: 60px;
}

.gallery-list-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
}
.gallery-list-ul .list-item {
    width: 100%;
}
.modules-item {
    clear: both;
    position: relative;
}

.modules-item .empty_img {
    min-height: 200px;
    min-width: 100px;
    max-height: 200px;
    position: relative;
    vertical-align: top;
}

.modules-item .module-label {
    position: absolute;
    left: -100px;
    width: 90px;
    top: 0;
    cursor: pointer;
    z-index: 10;
}

.modules-item .module-label .label-name {
    text-align: center;
    line-height: 15px;
    font-size: 12px;
    background: #fff;
    border-radius: 2px;
    min-width: 68px;
    min-height: 24px;
    padding: 4px 7px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 0;
}

.modules-item .module-label .label-name:after {
    content: " ";
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left-color: #fff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -10px;
}

/*页面层*/
.decorate-page-wrap {
    left: 200px;
    position: fixed;
    right: 380px;
    background: #f7f8fa;
    bottom: 0;
    top: 55px;
    overflow: hidden;
}

.decorate-page-wrap.ps-container .ps-scrollbar-y {
    width: 3px;
}

/*页面模型*/
.decorate-page-window {
    width: 375px;
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
    margin: 50px auto 50px;
    background: #f7f8fa;
    position: relative;
}

/*模块*/
.modules-item .module-ad-con {
    position: relative;
    cursor: pointer;
    min-height: 40px;
    z-index: 20;
}

.modules-item.module-item-active .module-ad-con {
    z-index: 30;
}

.modules-item:hover .module-ad-con {
    z-index: 28;
}
.modules-item .module-ad-con:before {
    display: none;
    content: "";
    position: absolute;
    height: 100%;
    left: -1px;
    right: -1px;
    top: 0;
    box-sizing: border-box;
    border: 1px dashed #155bd4;
    z-index: 99;
    cursor: pointer;
}

.modules-item:hover .module-ad-con:before {
    display: block;
}

.modules-item-hide .module-ad-con:before {
    display: block;
    background: rgba(0, 0, 0, 0.3);
}

.modules-item-hide .module-ad-con:after {
    display: block;
    content: "已隐藏";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 20%;
    color: #fff;
    text-align: center;
    font-size: 14px;
    z-index: 99;
}

.modules-item-hide:hover .module-ad-con:before {
    border-width: 1px;
}

.modules-item .theme-modules-warp .sortable-ghost2 {
    visibility: hidden;
}

.modules-item.module-item-active .module-ad-con:before {
    border: 2px solid #155bd4 !important;
    display: block;
    left: -2px;
    right: -2px;
}

.modules-item .module-ad-con .module-ad-empty {
    padding-top: 30px;
    background-color: #f2f4f6;
}

.modules-item .module-operate {
    position: absolute;
    right: -40px;
    top: 0;
    width: 38px;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(200, 201, 204, 0.5);
    text-align: center;
    z-index: 30;
}

.modules-item.module-item-active .module-operate {
    display: block;
}

.modules-item .module-operate .module-operate-item {
    color: #999;
    display: block;
    line-height: 38px;
    width: 38px;
    height: 38px;
    cursor: pointer;
    position: relative;
}

.modules-item .module-operate .module-operate-item i {
    display: block;
}

.modules-item .module-operate .module-operate-item:hover {
    color: #666;
}

.modules-item .module-operate .module-operate-item .opt-tip {
    position: absolute;
    left: 50px;
    top: 1px;
    line-height: 38px;
    width: 68px;
    line-height: 32px;
    background: #7d7e80;
    color: #fff;
    font-size: 14px;
    border-radius: 2px;
    display: none;
}

.modules-item .module-operate .module-operate-item .opt-tip:after {
    content: " ";
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-right-color: #7d7e80;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -10px;
}

.modules-item .module-operate .module-operate-item:hover .opt-tip {
    display: block;
}

/*图片*/
.empty-image_ad .image-empty-bg {
    background: url("../img/empty-img-bg.png") no-repeat center center;
    background-size: 100% auto;
    width: 100px;
    margin: 0 auto 10px;
    height: 100px;
}

.empty-image_ad .desc {
    text-align: center;
    padding-bottom: 50px;
}

/*编辑设置*/
.decorate-edit-wrap {
    position: fixed;
    right: 0;
    width: 380px;
    background: #fff;
    bottom: 0;
    top: 55px;
}

.decorate-edit-wrap .dec-edit-title {
    padding: 24px 16px;
    border-bottom: 1px solid #f2f4f6;
    margin-bottom: 14px;
}

.decorate-edit-wrap .dec-edit-title h3 {
    margin-right: auto;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #323233;
    text-align: left;
}

.decorate-edit-wrap .decorate-edit-con {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow-y: hidden;
    overflow-x: scroll;
}

.decorate-edit-wrap .decorate-edit-con:after {
    content: "";
    height: 100px;
    display: block;
}

.decorate-edit-wrap .ps-container .ps-scrollbar-y-rail {
    width: 3px;
    right: 1px;
}

.decorate-edit-wrap .ps-container .ps-scrollbar-y {
    width: 3px;
}

.dec-edit-group {
    padding: 12px 16px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.dec-edit-group.dec-edit-group-block {
    flex-direction: column;
    align-items: stretch;
    .dec-edit-group-title {
        padding-top: 0;
    }
}

.dec-edit-group .dec-edit-group-title {
    display: flex;
    align-items: flex-start;
    padding-top: 8px;
}

.dec-edit-group .dec-edit-group-title .title {
    margin-right: 16px;
    font-size: 14px;
    color: #323233;
    line-height: 18px;
    white-space: nowrap;
}

.dec-edit-group .dec-edit-group-title .label {
    margin-right: 16px;
    font-size: 14px;
    color: #969799;
    line-height: 18px;
    white-space: nowrap;
}

.dec-edit-group .dec-edit-group-title .value {
    font-size: 14px;
    font-weight: 500;
    color: #323233;
    line-height: 18px;
    margin-right: 16px;
}

.dec-edit-group .dec-edit-group-desc {
    font-size: 12px;
    line-height: 18px;
    color: #999;
    margin-top: 10px;
}

.dec-edit-group .dec-edit-group-con {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.dec-edit-group.dec-edit-group-block .dec-edit-group-con {
    margin-top: 10px;
    display: block;
}

.dec-spread-title {
    padding: 12px 16px;
}

.dec-spread-title .title {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

/*radio选择器*/
.dec-radio-group {
    display: flex;
    flex-wrap: wrap;
}

.dec-radio-group .dec-radio-group-row {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 5px;
}

.dec-radio-group .el-radio-button {
    display: inline-block;
    flex: 1;
    position: relative;
    margin-left: -1px;
    z-index: 1;
}

.dec-radio-group .el-radio-button .el-radio-button__inner {
    color: #323233;
    background-color: #fff;
    display: inline-block;
    height: 32px;
    line-height: 30px;
    font-size: 14px;
    padding: 0 12px;
    border-radius: 0;
    font-family: inherit;
    border: 1px solid #ebedf0;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.3s;
    width: 100%;
    word-break: keep-all;
    box-shadow: none;
}

.dec-radio-group .el-radio-button .el-radio-button__inner i {
    font-size: 20px;
    color: #979797;
}

.dec-radio-group .el-radio-button:hover {
    z-index: 9;
}

.dec-radio-group .el-radio-button:hover .el-radio-button__inner {
    border-color: #155bd4;
    color: #155bd4;
}

.dec-radio-group .el-radio-button:first-child .el-radio-button__inner {
    border-radius: 2px 0 0 2px;
}

.dec-radio-group .el-radio-button:last-of-type .el-radio-button__inner {
    border-radius: 0 2px 2px 0;
}

.dec-radio-group .el-radio-button.is-active {
    z-index: 10;
}

.dec-radio-group .el-radio-button.is-active .el-radio-button__inner {
    border-color: #155bd4;
    background: #e0edff;
    color: #3773da;
}

.dec-radio-group .el-radio-button.is-active .el-radio-button__inner i {
    color: #3773da;
}

.dec-radio-group.dec-radio-group-pic .el-radio-button {
    margin-right: 10px;
}

.dec-radio-group.dec-radio-group-pic .el-radio-button:last-of-type {
    margin-right: 0;
}

.dec-radio-group.dec-radio-group-pic .el-radio-button .el-radio-button__inner {
    width: auto;
    padding: 0;
    height: auto;
    line-height: inherit;
    border-radius: 2px !important;
}

.dec-radio-group.dec-radio-group-pic .el-radio-button .el-radio-button__inner img {
    display: block;
    margin: 1px;
}

/*radio 颜色选择*/
.dec-radio-color-group .dec-radio-color-button-con {
    width: 24px;
    height: 24px;
    padding: 3px;
    border-radius: 50%;
    line-height: 14px;
    border: 1px solid #dcdee0;
    background-color: #fff;
    display: block;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.3s;
    margin-left: 10px;
}

.dec-radio-color-group .dec-radio-button:hover .dec-radio-color-button-con {
    border-color: #155bd4;
}

.dec-radio-color-group .dec-radio-button.selected .dec-radio-color-button-con {
    border-color: #155bd4;
}

.dec-radio-color-group .dec-radio-color-button-con i {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: block;
}

/*滑块*/
.dec-range-group {
    height: 30px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 8px 0;
}

.dec-range-group .dec-range-slider {
    visibility: hidden;
    width: 100%;
}

.dec-range-group .dec-range-input {
    margin-left: 20px;
}

.dec-divider-line {
    height: 1px;
    padding: 12px 16px;
    background-clip: content-box;
    background-color: rgb(235, 237, 240);
}

body .layui-layer-tips.dec-tip-box .layui-layer-content {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    color: #333;
}

body .layui-layer-tips.dec-tip-box i.layui-layer-TipsB {
    border-right-style: solid;
    border-right-color: #fff !important;
    transform: rotate(90deg);
    top: -11px;
    border-width: 6px;
}

/*输入框*/
.dec-input-group {
    display: flex;
    flex-wrap: nowrap;
}

.dec-input-group .dec-input-item-text {
    flex: 1;
}

/*图片添加*/
.dec-pic-group {
}

.dec-pic-group .dec-pic-group-item {
    box-sizing: border-box;
    position: relative;
    margin-top: 12px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(10, 42, 97, 0.2);
    width: 100%;
}

.dec-pic-group .dec-pic-group-item .dec-pic-group-item-con {
    padding: 6px 0;
    display: flex;
}

.dec-pic-group .dec-pic-group-item .dec-pic-group-item-con .item-image {
    margin: 6px 0 0 12px;
    position: relative;
}

.dec-pic-group .dec-pic-group-item .dec-pic-group-item-con .item-image .item-image-con {
    position: relative;
    width: 60px;
    height: 60px;
    border: 1px solid #e5e5e5;
    text-align: center;
    background: #f9f9f9;
}

.dec-pic-group .dec-pic-group-item .dec-pic-group-item-con .item-image .item-image-con img {
    box-sizing: border-box;
    vertical-align: bottom;
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.dec-pic-group .dec-pic-group-item .dec-pic-group-item-con .item-image .item-image-con .change-image {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

.dec-pic-group .dec-pic-group-item .dec-pic-group-item-con .item-image .dec-pic-reset {
    width: 100%;
    text-align: center;
    top: auto;
    line-height: 25px;
}

.dec-pic-group .dec-pic-group-item .dec-pic-group-item-con .item-info {
    flex: 1;
}

.dec-pic-group .dec-pic-group-item .dec-pic-group-item-con .item-info .item-info-item {
    padding: 6px 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
}

.dec-pic-group .dec-pic-group-item .dec-pic-group-item-con .item-info .item-info-item .lable {
    margin-right: 16px;
    font-size: 14px;
    color: #323233;
    line-height: 18px;
    white-space: nowrap;
}

.dec-pic-group .dec-pic-group-item .dec-pic-group-item-con .item-info .item-info-item input {
    width: 100%;
}

.dec-pic-group .dec-pic-group-item .dec-pic-group-item-con .item-info .item-info-item .lyecs-link-select {
    width: 100%;
}

.dec-pic-group .dec-pic-group-item .dec-pic-group-item-con .del-item {
    position: absolute;
    cursor: pointer;
    right: -10px;
    top: -10px;
    color: #fff;
    background: #bbb;
    border-radius: 50%;
    z-index: 2;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    border: 2px solid #fff;
    display: none;
}

.dec-pic-group .dec-pic-group-item .dec-pic-group-item-con .del-item i {
    font-size: 12px;
}

.dec-pic-group .dec-pic-group-item:hover .dec-pic-group-item-con .del-item {
    display: block;
}

.dec-pic-group .dec-pic-add-btn {
    box-sizing: border-box;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 12px;
    padding: 9px 16px;
    border: 1px solid #155bd4;
    border-radius: 2px;
    background: #fff;
    color: #155bd4;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
}

.dec-pic-group .dec-pic-add-btn i {
    position: absolute;
    left: 15px;
}

.dec-pic-group .dec-con-add-btn {
    box-sizing: border-box;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 12px;
    padding: 9px 16px;
    border: 1px solid #155bd4;
    border-radius: 2px;
    background: #fff;
    color: #155bd4;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
}

.dec-pic-group .dec-con-add-btn i {
    position: absolute;
    left: 15px;
}

.dec-pic-group .dec-pic-group-item .dec-pic-reset {
    position: relative;
    top: 30px;
    display: block;
    height: 20px;
}

.dec-pic-group.dec-picSingle-group .dec-pic-group-item {
    box-shadow: none;
}

.dec-pic-group.dec-picSingle-group .dec-pic-group-item {
    margin-top: 0;
}

.dec-pic-group.dec-picSingle-group .dec-pic-group-item .dec-pic-group-item-con {
    padding: 0;
}

/*商品添加*/
.dec-goods-group {
}

.dec-goods-group .dec-goods-group-list {
    display: flex;
    flex-wrap: wrap;
}

.dec-goods-group .dec-goods-group-item {
    width: 60px;
    height: 60px;
    margin: 5px 10px 5px 0;
    position: relative;
    background: #fff;
    box-shadow: 0 0 4px 0 rgba(10, 42, 97, 0.2);
}

.dec-goods-group .dec-goods-group-item:nth-child(5n) {
    margin-right: 0;
}

.dec-goods-group .dec-goods-group-item .dec-goods-group-item-con {
    width: 100%;
    height: 100%;
}

.dec-goods-group .dec-goods-group-item .dec-goods-group-item-con .item-goods-con {
    height: 100%;
    width: 100%;
}

.dec-goods-group .dec-goods-group-item .dec-goods-group-item-con .item-goods-con a {
    display: block;
    height: 100%;
    width: 100%;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
}

.dec-goods-group .dec-goods-group-item .dec-goods-group-item-con .item-goods-con img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.dec-goods-group .dec-goods-group-item .dec-goods-group-item-con .del-item {
    position: absolute;
    cursor: pointer;
    right: -10px;
    top: -10px;
    color: #fff;
    background: #bbb;
    border-radius: 50%;
    z-index: 2;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    border: 2px solid #fff;
    display: none;
}

.dec-goods-group .dec-goods-group-item .dec-goods-group-item-con .del-item i {
    font-size: 12px;
}

.dec-goods-group .dec-goods-group-item:hover .dec-goods-group-item-con .del-item {
    display: block;
}

.dec-goods-group .dec-goods-group-item.dec-goods-group-add {
    cursor: pointer;
    margin-right: 0;
}

/*滑块*/
.rangeslider,
.rangeslider__fill {
    background: #e1e1e1;
    display: block;
    height: 4px;
    width: 100%;
    border-radius: 8px;
    transition: background-color 0.3s;
    cursor: pointer;
}

.rangeslider {
    position: relative;
}

.rangeslider--disabled {
    opacity: 0.4;
}

.rangeslider__fill {
    background: #5487df;
    position: absolute;
    top: 0;
}

.rangeslider__handle {
    background: #fff;
    border: 2px solid #5487df;
    cursor: pointer;
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: -5px;
    border-radius: 50%;
    transition:
        border-color 0.3s ease,
        transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

.rangeslider__handle:active {
    color: #155bd4;
    transform: scale(1.2);
    transform-origin: center center;
}

/*颜色选择器*/
.dec-color-group .dec-color-button {
    position: relative;
    display: flex;
    align-items: center;
}

.dec-color-group .dec-color-button .dec-color-reset {
    height: 32px;
    line-height: 32px;
    margin-right: 10px;
    cursor: pointer;
    font-size: 14px;
}

.dec-color-group .dec-color-button .dec-color-button-bg {
    width: 120px;
    height: 32px;
    cursor: pointer;
}

.dec-color-group .dec-color-button .clr-field button {
    width: 26px;
    height: 26px;
    transform: none;
    top: 3px;
    right: 3px;
    border-radius: 0;
}

/*图片模块布局*/
.dec-square-group {
    width: 100%;
}

.dec-square-group .dec-square-item {
}

.dec-square-group .dec-square-item .square-item-row {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}

.dec-square-group .dec-square-item .square-item-row > * {
    flex: 1;
}

.dec-square-group .dec-square-item .square-item-box {
    width: 100%;
    position: relative;
    cursor: pointer;
}

.dec-square-group .dec-square-item.dec-square-item-empty .square-item-box {
    height: 174px;
}

.dec-square-group .dec-square-item .square-item-col {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.dec-square-group .dec-square-item .square-item-box-col {
    height: 100%;
}

.dec-square-group .dec-square-item.dec-square-item-empty .square-item-box-col {
    height: 348px;
}

.dec-square-group .dec-square-item .square-item-box:after {
    content: "";
    position: absolute;
    border: 1px solid #ebedf0;
    box-sizing: border-box;
    left: 0px;
    top: 0px;
    right: -1px;
    bottom: -1px;
    z-index: 1;
}

.dec-square-group .dec-square-item .square-item-box.selected:after {
    border-color: #155bd4;
    z-index: 11;
}

.dec-square-group .dec-square-item .square-item-box {
    display: block;
    height: 100%;
    width: 100%;
}

.dec-square-group .dec-square-item .square-item-box.selected {
    background: #eef2ff;
}

.dec-square-group .dec-square-item .square-item-box img {
    width: 100%;
    height: 100%;
}

.dec-square-group .dec-square-item.dec-square-item-4 .square-item-col .square-item-box {
    height: 50%;
}

.dec-square-group .dec-square-item.dec-square-item-5 .square-item-col:nth-child(2) > * {
    height: 50%;
}

.dec-square-group .dec-square-item.dec-square-item-7 .square-item-col .square-item-col .square-item-row {
    height: 50%;
}

/*底部模块*/
.decorate-page-type-5 .theme-toolbar {
    display: none;
}

.decorate-page-type-5 .decorate-page-wrap {
    left: 0;
}

.decorate-page-type-5 .decorate-page-config-warp {
    display: none;
}

.modules-item-bottom_nav .module-operate {
    display: none !important;
}

.modules-item-bottom_nav {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.decorate-page-type-5 .modules-item-topbar .module-topbar-title-con {
    display: none;
}

/*会员中心模块*/
.decorate-page-type-7 .theme-toolbar {
    display: none;
}

.decorate-page-type-7 .decorate-page-wrap {
    left: 0;
}

.decorate-page-type-7 .decorate-page-config-warp {
    display: none;
}

/*pc端*/

.decorate-page-pc {
    .decorate-page-window {
    }

    .decorate-page-window .container {
        min-width: auto;
    }

    .theme-menu-con.show {
        left: 0;
        width: 150px;
    }

    .decorate-page-wrap {
        left: 150px;
    }

    .pc-module-box {
        border: 1px dashed #e1e7ee;
        color: #646566;
        background: #edf4ff;
        box-sizing: border-box;
        font-size: 12px;
        border-radius: 0;
        width: 100%;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        min-height: 60px;
    }
}

.decorate-page-pc.decorate-page-type-6 {
    .modules-item-topbar {
        display: none;
    }

    .module-topbar-warp {
        display: none;
    }
}

/*热区添加*/
.dec-pic-group.dec-pic-hotarea-group .dec-pic-group-item .dec-pic-group-item-con .item-image {
    width: 100%;
    height: auto;
    margin: 10px;
}

.dec-pic-group.dec-pic-hotarea-group .dec-pic-group-item .dec-pic-group-item-con .item-image .item-image-con {
    width: 100%;
    height: auto;
}

.dec-pic-group.dec-pic-hotarea-group .dec-pic-group-item .dec-pic-group-item-con .item-image .item-image-con .change-image {
    height: 40px;
    line-height: 40px;
}

.dec-pic-group.dec-pic-hotarea-group .dec-pic-group-item .dec-pic-group-item-con .item-image .item-image-con img {
    height: auto;
    cursor: pointer;
}

.dec-pic-group.dec-pic-hotarea-group .image-hotarea-link {
    position: absolute;
}

.dec-pic-group.dec-pic-hotarea-group .image-hotarea-link .area_box_con_text {
    display: none;
}

.dec-pic-group.dec-pic-hotarea-group .image-hotarea-link {
    background: rgba(24, 144, 255, 0.5);
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    box-sizing: border-box;
}

.dec-pic-group.dec-pic-hotarea-group .image-hotarea-link:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(24, 144, 255);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    box-sizing: border-box;
}

.dec-pic-group.dec-pic-hotarea-group .image-hotarea-link .area_box_con_text {
    display: block !important;
    color: #fff;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.hotarea-edit-dialog-warp {
}

.hotarea-edit-dialog-warp .hotarea-edit-dialog-con {
    padding: 0;
}

.hotarea-edit-dialog-warp .hotarea-edit-action {
    padding: 8px 16px;
    height: 40px;
    text-align: right;
    align-items: center;
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #f0f0f0;
}

.hotarea-edit-dialog-warp .hotarea-edit-action a {
    display: inline-block;
    padding: 0 15px;
    font-size: 14px;
    margin-left: 10px;
}

.hotarea-edit-dialog-con .drag_area_box {
    width: 200px;
    height: 100px;
    cursor: move;
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 99;
    background: rgba(24, 144, 255, 0.5);
}

.hotarea-edit-dialog-con .drag_area_box:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(24, 144, 255);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    box-sizing: border-box;
}

.hotarea-edit-dialog-con .area_box_con {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.hotarea-edit-dialog-con .hotarea-edit-box-wrap {
    width: 500px;
    height: auto;
    position: relative;
}

.hotarea-edit-dialog-con .hotarea-edit-box {
    z-index: 9;
    background: #fff;
    width: 100%;
    height: 100%;
    position: relative;
}

.hotarea-edit-dialog-con .hotarea-edit-box .bgImg {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
}

.hotarea-edit-dialog-con .hotarea-edit-box .hotarea-edit-box-area {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.hotarea-edit-dialog-con .area-bg {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.hotarea-edit-dialog-con .area-bg .area_box_con_text {
    color: #fff;
    text-overflow: ellipsis;
    font-size: 12px;
    padding: 20px;
    line-height: 18px;
}

.dropdown-menu.dropdown-context {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99999999;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-family:
        helvetica neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 14px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    text-align: left;
}

.dropdown-menu.dropdown-context a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 20px;
    color: #333;
    white-space: nowrap;
    text-decoration: none;
}

.dropdown-menu.dropdown-context .nav-header {
    display: block;
    padding: 3px 15px;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    color: #999;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
}

.image-hotarea-warp .image-ad-item .image-hotarea-link {
    background: rgba(24, 144, 255, 0.5);
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.image-hotarea-warp .image-ad-item .image-hotarea-link:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(24, 144, 255);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    box-sizing: border-box;
}

.image-hotarea-warp .image-ad-item .image-hotarea-link .area_box_con_text {
    display: block !important;
    color: #fff;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 10px;
}

// 其它页面的装修
.decoratePgaeWrap {
    .box-wrapper .left-wrapper {
        background: #fff;
        border-right: 1px solid #f0f2f5;
        flex: 0 0 12.5%;
        margin-right: 30px;
    }

    .box-wrapper .left-box {
        //max-height: 500px;
        min-height: 280px;
        overflow: hidden;
    }

    .box-wrapper .left-box .left-cont {
        margin-bottom: 12px;
        cursor: pointer;
        padding: 20px 24px;
    }

    .box-wrapper .left-box .left-cont.current {
        color: var(--tig-primary);
        background-color: #f0faff;
        border-right: 2px solid var(--tig-primary);
    }

    .decorateWrap {
        margin-right: 30px;
        position: relative;
        position: relative;
        max-width: 400px;
    }

    .decorateWrap .img {
        width: 100%;
        height: auto;
        border: 1px solid #eee;
        border-radius: 6px;
        padding: 10px;
    }

    .box-wrapper .right-box-warp {
        flex: 1;
        width: 380px;
        min-height: 280px;
    }

    .dec-edit-save {
        text-align: right;
        padding: 20px 16px;
    }

    .dec-edit-save .save-btn {
        width: 100%;
    }
}

.decorate-page-pc .pc-dec-hide {
    display: none;
}
.pc-dec-show {
    display: none;
}
.decorate-page-pc .pc-dec-show {
    display: flex;
}
